<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no,email=no"/>
    <title>摇一摇</title>
    <link rel="stylesheet" href="../css/style.css"/>
</head>
<body>
<div class="wrap lottery">
    <div class="header">
        <span class="ui-icon icon-back"><a href="index.html" class="block"></a></span>

        <h1>摇一摇</h1>
    </div>
    <div class="page shake">
        <div class="lottery-rule"><a href="rule.html" class="rule-link">活动规则</a></div>
        <div class="shake-content">
            <div class="shake-box"></div>
            <!--摇之后展开加上样式 shake-hover-->
            <div class="shake-times">
                每摇一次需要<span>20</span>积分<br />
                您还有<span>1</span>次刮奖机会
            </div>
        </div>
   </div>
</div>
<div class="popup">
    <div class="popup-box">
        <div class="popup-con">
<!--            <div class="recipient-info">
                <ul>
                    <li>
                        <h3>收货地址：</h3>
                        <input type="text" value="收货地址收货地址收货地址收货地址收货地址收货地址收货地址"/>
                    </li>
                    <li>
                        <h3>收货人姓名：</h3>
                        <input type="text"/>
                    </li>
                    <li>
                        <h3>联系电话：</h3>
                        <input type="text"/>
                    </li>
                </ul>
            </div>-->
            <div class="tips">恭喜您！您抽中：<span>“iphone6 plus”</span></div>
            <!--<div class="tips">很遗憾，没有中奖呢！</div>-->
            <div class="popup-btn"><a href="javascript:;" class="ui-btn">填写兑奖信息</a></div>
        </div>
    </div>
</div>



</body>
</html>